<script>
//引入组件
// import ArrayList from "./components/ArrayList.vue";
// import ComputedDemo from "./components/ComputedDemo.vue";
// import TaskList from "./components/TaskList.vue";
// import WatchDemo from "./components/WatchDemo.vue";
// import ModelDemo from "./components/ModelDemo.vue";
// import RefDemo from "./components/RefDemo.vue";
// import Header from "./components/pages/Header.vue";
// import Main from './components/pages/Main.vue';
// import Parent from "./components/Parent.vue";
// import SearchMain from './components/SearchMain.vue';
// import SlotsMain from "./components/SlotsMain.vue";
// import LifeCycle from "./components/LifeCycle.vue";
import ComponentLive from './components/ComponentLive.vue';
//注入组件
export default {
    components: {
        // ArrayList,
        // ComputedDemo,
        // TaskList,
        // WatchDemo,
        // ModelDemo,
        // RefDemo,
        // Header,
        // Main,
        // Parent,
        // SearchMain,
        // SlotsMain,
        // LifeCycle,
        ComponentLive
    },
    data() {
        return {
            message:"hello"
        }
    },
    provide() {
        return {
            message:this.message
        }
    }
    // 其他组件逻辑
}
</script>

<template>
    <!-- <ArrayList /> -->
    <!-- <ComputedDemo /> -->
    <!-- <TaskList /> -->
    <!-- <WatchDemo/> -->
    <!-- <ModelDemo /> -->
    <!-- <RefDemo/> -->
    <!-- <Header></Header>
    <Main /> -->
    <!-- <Parent/> -->
    <!-- <SearchMain/> -->
    <!-- <SlotsMain/> -->
    <!-- <LifeCycle/> -->
    <ComponentLive/>
    8000
</template>
